html {
	height: 100%;
}

body {
	width: 100%;
	margin: 0;
	min-width: 1200px;
}

* {
	box-sizing: border-box;
}


/*nav部分代码*/

#hnav {
	height: 30px;
	width: 100%;
	background-color: #EEEEEE;
	font-size: 12px;
	color: #666666;
}

#div1,
#div2 {
	display: inline-block;
	justify-content: space-between;
}

#div1 {
	float: left;
}

#div2 {
	float: right;
}

#mdiv {
	height: 30px;
	width: 90%;
	margin: 0 auto;
}

#home-icon {
	width: 12px;
	height: 12px;
}

#div1>p {
	display: inline-block;
	margin: 6px 0 0 10px;
}

#div1>p>a {
	color: #666666;
	text-decoration: none;
}

#div1>p {
	cursor: pointer;
}

#div1>p[class=red]>a:hover {
	color: #CC0000;
	text-decoration: underline;
}

#div1>p>span:hover {
	color: #CC0000;
}

.sel:nth-last-of-type(1)>p>a {
	color: #666666;
	text-decoration: none;
	margin-right: 20px;
}

.sel:nth-last-of-type(1)>p>a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.sel {
	float: right;
	display: inline-block;
	position: relative;
	top: -5px;
}
.sel>ul {
	list-style-type: none;
	display: none;
	position: relative;
	top: -7px;
	right: 50px;
	border: solid 1px #EEEEEE;
	background-color: white;
	z-index: 2;
	text-align: center;
	padding: 0;
}
.sel>p {
	cursor: pointer;
	padding-right: 52px;
}
.sel>ul>li:hover {
	cursor: pointer;
	text-decoration: underline;
}
.clear-float {
	clear: both;
}


/*header部分*/

header {
	width: 1200px;
	height: 85px;
	margin: 0 auto;
}

#logo-img {
	width: 220px;
	height: 78.4px;
}

#youyou {
	width: 266px;
	padding-left: 25px;
	border-left: solid 1px #E6E6E6;
	position: relative;
	top: -70px;
	right: -220px;
}

#yousun {
	font-size: 14px;
	font-weight: 600;
}

#yousun:hover {
	text-decoration: underline;
}


/*搜索框*/

#search-div {
	width: 633px;
	height: 63px;
	position: relative;
	top: -120px;
	right: -500px;
}

#abox {
	background-color: #CC0000;
	width: 560px;
	height: 38px;
}

#abinput {
	width: 444px;
	height: 32px;
	margin: 3px 3px 3px 3px;
	padding-left: 5px;
}

#seatext {
	width: 70px;
	display: inline-block;
	text-align: center;
	color: white;
	padding-left: 15px;
	cursor: pointer;
}

#seadiv {
	width: 60px;
	background-color: black;
	color: white;
	display: inline-block;
	padding: 8px 15px;
	box-sizing: content-box;
	position: relative;
	top: -38px;
	right: -565px;
	cursor: pointer;
}

#seatext:hover,
#seadiv:hover {
	text-decoration: underline;
}

#search-list>p {
	display: inline-block;
	font-size: 14px;
	color: #666666;
	padding: 0 10px;
	border-right: solid 1px #dcdcdc;
	cursor: pointer;
}


/*mnav部分*/

#mnav {
	width: 100%;
	height: 38px;
	background-color: black;
	color: white;
}

#mnav-list {
	width: 1200px;
	margin: 0 auto;
}

.mnavp {
	float: left;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 0 3px;
	padding: 8px 15px;
	display: inline-block;
	box-sizing: content-box;
}

.clear-float {
	clear: both;
}

main {
	width: 1200px;
	margin: 0 auto;
}

#main-p {
	margin-top: 5px;
}

.pspan {
	font-size: 14px;
}

#m-sec {
	width: 100%;
	height: 557px;
	position: relative;
}
	
#sec-img {
	display: inline-block;
	position: relative;
	border: solid 1px #E6E6E6;
}

#currentImg {
	width: 418px;
	height: 418px;
}


/*拖拽事件*/

#draggable3 {
	width: 232px;
	height: 232px;
	background-color: #969696;
	opacity: 0.2;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	display: none;
}

#big-img {
	width: 420px;
	height: 420px;
	position: absolute;
	top: 0px;
	left: 420px;
	border: solid 1px #E6E6E6;
	z-index: 4;
	overflow: hidden;
	display: none;
}

#detail {
	display: inline-block;
	width: 560px;
	position: absolute;
	top: -30px;
	padding-left: 15px;
}

#trade-name {
	position: relative;
	top: 30px;
}

#trade-name>div {
	font-size: 14px;
	font-weight: 600;
}

#trade-name>aside {
	color: red;
}

#trade-price {
	position: relative;
	top: 50px;
	background-color: #fdf8e4;
	padding: 10px 0;
}

#trade-price>div {
	font-size: 12px;
	margin: 6px;
	color: #9D9D9D;
}

.delete-price {
	font-weight: 600;
	color: black;
	text-decoration: line-through;
}

.current-price {
	font-size: 18px;
	color: #CC0000;
	font-weight: 600;
}

#market-search {
	display: flex;
	position: relative;
	top: 60px;
	justify-content: space-between;
	font-size: 12px;
	color: #9D9D9D;
	border-bottom: solid 1px #E3E3E3;
}

#market-search>div {
	width: 170px;
	margin: 5px 5px;
	display: inline-block;
	text-align: center;
}

.marsea {
	border-right: solid 1px #E3E3E3;
	padding: 3px 0;
}

.red-num {
	color: red;
	font-weight: 600;
}

#emption {
	position: relative;
	top: 85px;
}

#surplus {
	font-size: 12px;
	color: #9D9D9D;
}

#buy-num>input {
	width: 80px;
	height: 30px;
}

#put-button {
	position: relative;
	top: 10px;
	text-align: center;
}

#buy-goods {
	font-size: 18px;
	padding: 5px 40px;
	color: #CC0000;
	border: solid 1px #CC0000;
	background-color: #ffeded;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 15px;
}

#buy-goods:hover {
	background-color: #CC0000;
	color: white;
}

#add-goods {
	font-size: 18px;
	padding: 5px 25px;
	color: white;
	background-color: #CC0000;
	border-radius: 5px;
	border: solid 1px #CC0000;
	cursor: pointer;
	margin-left: 15px;
}

#free {
	position: relative;
	top: 40px;
	font-size: 12px;
	color: #9D9D9D;
}

.icon-gift {
	color: black;
}
#tips{
	width: 320px;
	height: 120px;
	padding: 5px 0;
	position: relative;
	top: 10px;
	border: solid 1px #969696;
	background-color: #F5F5F5;
	text-align: center;
	display: none;
}
#close{
	position: relative;
	left: 150px;
	top: -5px;
	cursor: pointer;
}
#tips>div:nth-of-type(1){
	margin-top: -3px;
}
#tips>div:nth-of-type(3){
	font-size: 12px;
	margin: 5px auto;
}
#goods-num{
	font-weight: 600;
}
#all-price{
	font-size: 14px;
	font-weight: 600;
	color: #CC0000;
}
.to-search{
	font-size: 12px;
	padding: 3px 15px;
	border: solid 1px #E6E6E6;
	cursor: pointer;
	
}
.to-search:nth-of-type(1){
	color: white;
	background-color: #5bb75b;
}
.to-search:nth-of-type(1):hover{
	background-color: #448944;
}
.to-search:nth-of-type(2){
	color: #969696;
	background-color: #E5E5E5;
}
.to-search:nth-of-type(2):hover{
	background-color: #A6A6A6;
	color: black;
}
/*小图片*/

#datailimg-list {
	width: 415px;
	height: 100px;
	padding: 20px;
}

.trade-img {
	width: 56px;
	height: 56px;
	margin: 0px 5px;
	border: solid 2px #E6E6E6;
	cursor: pointer;
}

.trade-img:hover {
	border: solid 2px #9D9D9D;
}

.pointer {
	border: solid 2px black;
}

#pro,
#next {
	display: inline-block;
	font-size: 50px;
}


/*lastfooter 和footer部分*/
#last-footer {
	width: 1200px;
	margin: 20px auto;
}

#footer-nav {
	display: flex;
	justify-content: space-around;
	margin-top: 10px;
}

.fn-list {
	display: inline-block;
	text-align: center;
}

.fn-tit {
	margin-bottom: 10px;
	cursor: pointer;
}

.fn-name {
	font-size: 12px;
	margin: 6px auto;
	cursor: pointer;
}


/*footer*/

#footer {
	width: 100%;
	height: 153px;
	padding: 15px;
	text-align: center;
	background-color: black;
}

#footer-first {
	margin-top: -6px;
}

.first-name {
	display: inline-block;
	color: white;
	font-size: 14px;
	padding: 0 22px;
	margin: 0;
	border-right: solid 1px white;
	cursor: pointer;
}

#cooperator-list>aside {
	font-size: 14px;
	font-weight: 600;
	color: #969696;
	display: inline-block;
}

.cooperator {
	font-size: 14px;
	color: #969696;
	display: inline-block;
	margin: 7px 0;
	cursor: pointer;
}

#img-icon {
	margin: 7px auto;
}

#img-icon>img {
	margin: 0 20px;
}

#bianhao {
	color: white;
	font-size: 14px;
}

.hr {
	border: solid 1px #E6E6E6;
}

